﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Shift Worker Dashboard</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>

    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
    <div class="row-fluid show-grid">
        <div class="span12">
            <h1>Shift Worker Dashboard</h1>
        </div>
    </div>
    <div class="row-fluid show-grid" id="navUser">
        <div class="span12">
            <!--<div class="span2 offset1">-->
            <button class="btn" onclick="upcoming()">Upcoming Shifts</button>
            <!--</div>
        <div class="span2">-->
            <button class="btn" onclick="history()">History</button>
            <!--</div>
        <div class="span2">-->
            <button class="btn" onclick="profile()">Profile</button>
            <!--</div>
        <div class="span2">-->
            <button class="btn" onclick="shiftShop()">Shift Shop</button>
            <!--</div>-->
        </div>
    </div>
    <div class="row-fluid show-grid" id="mainContainer">
        <div class="span10 offset1">
            <div class="row-fluid show-grid" id="upcomingContainer">
                <div class="row-fluid show-grid">
                    <h1>Upcoming Shifts</h1>
                </div>
                <div class="row-fluid show-grid" id="upcoming0">
                    <div class="span1 offset4">Feb 27</div>
                    <div class="span1">7:30 PM</div>
                    <div class="span1">D3</div>
                    <div class="span1">
                        <button class="btn" onclick="bookOff(0)">Book Off</button>
                    </div>
                </div>
                <div class="row-fluid show-grid" id="upcoming1">
                    <div class="span1 offset4">Feb 28</div>
                    <div class="span1">2:15 PM</div>
                    <div class="span1">D2</div>
                    <div class="span1">
                        <button class="btn" onclick="bookOff(1)">Book Off</button>
                    </div>
                </div>
                <div class="row-fluid show-grid" id="upcoming2">
                    <div class="span1 offset4">Mar 3</div>
                    <div class="span1">11:00 AM</div>
                    <div class="span1">F4</div>
                    <div class="span1">
                        <button class="btn" onclick="bookOff(2)">Book Off</button>
                    </div>
                </div>
                <div class="row-fluid show-grid" id="upcoming3">
                    <div class="span1 offset4">Mar 3</div>
                    <div class="span1">9:30 PM</div>
                    <div class="span1">D3</div>
                    <div class="span1">
                        <button class="btn" onclick="bookOff(3)">Book Off</button>
                    </div>
                </div>
                <div class="row-fluid show-grid" id="upcoming4">
                    <div class="span1 offset4">Mar 8</div>
                    <div class="span1">9:00 AM</div>
                    <div class="span1">GT5</div>
                    <div class="span1">
                        <button class="btn" onclick="bookOff(4)">Book Off</button>
                    </div>
                </div>
            </div>
            <div class="row-fluid show-grid" id="historyContainer">
                <div class="row-fluid show-grid">
                    <h1>Past Shifts</h1>
                </div>
                <div class="row-fluid show-grid">
                    <input type="date" />
                </div>
                <div class="row-fluid show-grid" id="past0">
                    <div class="span1 offset4">Mar 8</div>
                    <div class="span1">9:00 AM</div>
                    <div class="span1">2:00 PM</div>
                    <div class="span1">GT5</div>
                </div>
                <div class="row-fluid show-grid" id="past1">
                    <div class="span1 offset4">Mar 3</div>
                    <div class="span1">9:30 PM</div>
                    <div class="span1">11:30 PM</div>
                    <div class="span1">D3</div>
                </div>
                <div class="row-fluid show-grid" id="past2">
                    <div class="span1 offset4">Mar 3</div>
                    <div class="span1">11:00 AM</div>
                    <div class="span1">5:00 PM</div>
                    <div class="span1">F4</div>
                </div>
                <div class="row-fluid show-grid" id="past3">
                    <div class="span1 offset4">Feb 28</div>
                    <div class="span1">2:15 PM</div>
                    <div class="span1">6:45 PM</div>
                    <div class="span1">D2</div>
                </div>
                <div class="row-fluid show-grid" id="past4">
                    <div class="span1 offset4">Feb 27</div>
                    <div class="span1">7:30 PM</div>
                    <div class="span1">10:30 PM</div>
                    <div class="span1">D3</div>
                </div>
            </div>
            <div class="row-fluid show-grid" id="profileContainer">
                <div class="row-fluid show-grid">
                    <h1>Edit Profile</h1>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span2 offset3">First Name</div>
                    <div class="span2">
                        <input type="text" value="EmpFname" id="EmpFname" />
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span2 offset3">Last Name</div>
                    <div class="span2">
                        <input type="text" value="EmpLname" id="EmpLname" />
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span2 offset3">Address</div>
                    <div class="span2">
                        <input type="text" value="Address" id="Address" />
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span2 offset3">Email</div>
                    <div class="span2">
                        <input type="text" value="Email" id="Email" />
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span2 offset3">Phone Number</div>
                    <div class="span2">
                        <input type="text" value="PhoneNum" id="PhoneNum" />
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span2 offset5">
                        <button class="btn" onclick="resetProfile()">Reset</button>
                        <button class="btn btn-primary" onclick="saveProfile()">Save</button>
                    </div>
                </div>
            </div>
            <div class="row-fluid show-grid" id="shopContainer">
                <div class="row-fluid show-grid">
                    <h1>Offered Shifts</h1>
                </div>
                <div class="row-fluid show-grid">
                    <input type="date" />
                </div>
                <div class="row-fluid show-grid" id="shop0">
                    <div class="span1 offset3">Feb 27</div>
                    <div class="span1">7:30 PM</div>
                    <div class="span1">D3</div>
                    <div class="span2">Cesar Abasolo</div>
                    <div class="span1">
                        <button class="btn" onclick="request(0)">Request</button>
                    </div>
                </div>
                <div class="row-fluid show-grid" id="shop1">
                    <div class="span1 offset3">Feb 28</div>
                    <div class="span1">2:15 PM</div>
                    <div class="span1">D2</div>
                    <div class="span2">Shahriar Doza</div>
                    <div class="span1">
                        <button class="btn" onclick="request(1)">Request</button>
                    </div>
                </div>
                <div class="row-fluid show-grid" id="shop2">
                    <div class="span1 offset3">Mar 3</div>
                    <div class="span1">11:00 AM</div>
                    <div class="span1">F4</div>
                    <div class="span2">Keane Quibilan</div>
                    <div class="span1">
                        <button class="btn" onclick="request(2)">Request</button>
                    </div>
                </div>
                <div class="row-fluid show-grid" id="shop3">
                    <div class="span1 offset3">Mar 3</div>
                    <div class="span1">9:30 PM</div>
                    <div class="span1">D3</div>
                    <div class="span2">Charles Tapar</div>
                    <div class="span1">
                        <button class="btn" onclick="request(3)">Request</button>
                    </div>
                </div>
                <div class="row-fluid show-grid" id="shop4">
                    <div class="span1 offset3">Mar 8</div>
                    <div class="span1">9:00 AM</div>
                    <div class="span1">GT5</div>
                    <div class="span2">Anthony Nauth-DeSantos</div>
                    <div class="span1">
                        <button class="btn" onclick="request(4)">Request</button>
                    </div>
                </div>
            </div>
            <div class="row-fluid show-grid" id="employeesContainer">
                <div class="row-fluid show-grid">
                    <h1>Employee Manager</h1>
                </div>
                <div class="row-fluid show-grid">
                    <div class="accordion" id="accordion2">
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <div class="row-fluid show-grid">
                                    <div class="span3 offset3">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#Cesar">Cesar Abasolo
                                        </a>
                                    </div>
                                    <div class="span3">
                                        <button class="btn" onclick="upcoming()">View Shifts</button>
                                    </div>
                                </div>
                            </div>
                            <div id="Cesar" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">First Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpFname" id="Text1" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Last Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpLname" id="Text2" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Address</div>
                                        <div class="span2">
                                            <input type="text" value="Address" id="Text3" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Email</div>
                                        <div class="span2">
                                            <input type="text" value="Email" id="Text4" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Phone Number</div>
                                        <div class="span2">
                                            <input type="text" value="PhoneNum" id="Text5" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset5">
                                            <button class="btn" onclick="resetProfile()">Reset</button>
                                            <button class="btn btn-primary" onclick="saveProfile()">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <div class="row-fluid show-grid">
                                    <div class="span3 offset3">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#Shahriar">Shahriar Doza
                                        </a>
                                    </div>
                                    <div class="span3">
                                        <button class="btn" onclick="upcoming()">View Shifts</button>
                                    </div>
                                </div>
                            </div>
                            <div id="Shahriar" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">First Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpFname" id="Text6" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Last Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpLname" id="Text7" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Address</div>
                                        <div class="span2">
                                            <input type="text" value="Address" id="Text8" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Email</div>
                                        <div class="span2">
                                            <input type="text" value="Email" id="Text9" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Phone Number</div>
                                        <div class="span2">
                                            <input type="text" value="PhoneNum" id="Text10" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset5">
                                            <button class="btn" onclick="resetProfile()">Reset</button>
                                            <button class="btn btn-primary" onclick="saveProfile()">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <div class="row-fluid show-grid">
                                    <div class="span3 offset3">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#Keane">Keane Quibilan
                                        </a>
                                    </div>
                                    <div class="span3">
                                        <button class="btn" onclick="upcoming()">View Shifts</button>
                                    </div>
                                </div>
                            </div>
                            <div id="Keane" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">First Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpFname" id="Text11" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Last Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpLname" id="Text12" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Address</div>
                                        <div class="span2">
                                            <input type="text" value="Address" id="Text13" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Email</div>
                                        <div class="span2">
                                            <input type="text" value="Email" id="Text14" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Phone Number</div>
                                        <div class="span2">
                                            <input type="text" value="PhoneNum" id="Text15" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset5">
                                            <button class="btn" onclick="resetProfile()">Reset</button>
                                            <button class="btn btn-primary" onclick="saveProfile()">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <div class="row-fluid show-grid">
                                    <div class="span3 offset3">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#Charles">Charles Tapar
                                        </a>
                                    </div>
                                    <div class="span3">
                                        <button class="btn" onclick="upcoming()">View Shifts</button>
                                    </div>
                                </div>
                            </div>
                            <div id="Charles" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">First Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpFname" id="Text16" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Last Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpLname" id="Text17" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Address</div>
                                        <div class="span2">
                                            <input type="text" value="Address" id="Text18" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Email</div>
                                        <div class="span2">
                                            <input type="text" value="Email" id="Text19" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Phone Number</div>
                                        <div class="span2">
                                            <input type="text" value="PhoneNum" id="Text20" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset5">
                                            <button class="btn" onclick="resetProfile()">Reset</button>
                                            <button class="btn btn-primary" onclick="saveProfile()">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <div class="row-fluid show-grid">
                                    <div class="span3 offset3">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#Anthony">Anthony Nauth-DeSantos
                                        </a>
                                    </div>
                                    <div class="span3">
                                        <button class="btn" onclick="upcoming()">View Shifts</button>
                                    </div>
                                </div>
                            </div>
                            <div id="Anthony" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">First Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpFname" id="Text21" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Last Name</div>
                                        <div class="span2">
                                            <input type="text" value="EmpLname" id="Text22" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Address</div>
                                        <div class="span2">
                                            <input type="text" value="Address" id="Text23" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Email</div>
                                        <div class="span2">
                                            <input type="text" value="Email" id="Text24" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset3">Phone Number</div>
                                        <div class="span2">
                                            <input type="text" value="PhoneNum" id="Text25" />
                                        </div>
                                    </div>
                                    <div class="row-fluid show-grid">
                                        <div class="span2 offset5">
                                            <button class="btn" onclick="resetProfile()">Reset</button>
                                            <button class="btn btn-primary" onclick="saveProfile()">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-fluid show-grid" id="weeklyShiftAllContainer">
                <div class="row-fluid show-grid">
                    <h1>Weekly Shifts of All Employees</h1>
                    <input type="date" id="weeklyDate" />
                    <a href="#myModal" role="button" class="btn" data-toggle="modal">Add Shift</a>
                    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            <h3 id="myModalLabel">Add New Shift</h3>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="span2 offset1">Date:</div>
                                <div class="span2 offset1">
                                    <input type="date" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="span2 offset1">Start Time:</div>
                                <div class="span2 offset1">
                                    <input type="time" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="span2 offset1">Role:</div>
                                <div class="span2 offset1">
                                    <select>
                                        <option value="1">D1</option>
                                        <option value="2">T3</option>
                                        <option value="3">S2</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="span2 offset1">Employee:</div>
                                <div class="span2 offset1">
                                    <select>
                                        <option value="1">Cesar Abasolo</option>
                                        <option value="2">Shahriar Doza</option>
                                        <option value="3">Keane Quibilan</option>
                                        <option value="4">Charles Tapar</option>
                                        <option value="5">Anthony Nauth-DeSantos</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="span2 offset1">(End Time:)</div>
                                <div class="span2 offset1">
                                    <input type="time" />
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                            <button class="btn btn-primary">User</button>
                        </div>
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <table id="weeklyShifts">
                        <tr>
                            <th>Employees</th>
                            <th>
                                <div>Monday</div>
                                <div>Mar 4</div>
                            </th>
                            <th>
                                <div>Tuesday</div>
                                <div>Mar 5</div>
                            </th>
                            <th>
                                <div>Wednesday</div>
                                <div>Mar 6</div>
                            </th>
                            <th>
                                <div>Thursday</div>
                                <div>Mar 7</div>
                            </th>
                            <th>
                                <div>Friday</div>
                                <div>Mar 8</div>
                            </th>
                            <th>
                                <div>Saturday</div>
                                <div>Mar 9</div>
                            </th>
                            <th>
                                <div>Sunday</div>
                                <div>Mar 10</div>
                            </th>
                        </tr>
                        <tr>
                            <td>Cesar Abasolo</td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>Shahriar Doza</td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td></td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td></td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>Keane Quibilan</td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                        </tr>
                        <tr>
                            <td>Charles Tapar</td>
                            <td></td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td></td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td></td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>Anthony Nauth-DeSantos</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                            <td>
                                <div>7:30 PM</div>
                                <div>D3</div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid show-grid" id="navAdmin">
        <div class="span12">
            <button class="btn" onclick="employeeManager()">Employee Manager</button>
            <button class="btn" onclick="shiftManager()">Weekly Shifts</button>
        </div>
    </div>
    <script language="javascript" type="text/javascript">
        $(function () {
            hideAll();
            showSlowly("#upcomingContainer");
        });
        function hideAllSlowly() {
            $("#upcomingContainer").hide('slow');
            $("#historyContainer").hide('slow');
            $("#profileContainer").hide('slow');
            $("#shopContainer").hide('slow');
            $("#employeesContainer").hide('slow');
            $("#weeklyShiftAllContainer").hide('slow');
        }
        function hideAll() {
            $("#upcomingContainer").hide();
            $("#historyContainer").hide();
            $("#profileContainer").hide();
            $("#shopContainer").hide();
            $("#employeesContainer").hide();
            $("#weeklyShiftAllContainer").hide('slow');
        }
        function showSlowly(container) {
            $(container).show('slow');
        }
        function hideSlowly(container) {
            $(container).hide('slow');
        }
        function upcoming() {
            hideAllSlowly();
            showSlowly("#upcomingContainer");
        }
        function history() {
            hideAllSlowly();
            showSlowly("#historyContainer");
        }
        function profile() {
            hideAllSlowly();
            showSlowly("#profileContainer");
        }
        function shiftShop() {
            hideAllSlowly();
            showSlowly("#shopContainer");
        }
        function employeeManager() {
            hideAllSlowly();
            showSlowly("#employeesContainer");
        }
        function shiftManager() {
            hideAllSlowly();
            showSlowly("#weeklyShiftAllContainer");
        }
        function bookOff(id) {
        }
        function resetProfile() {
        }
        function saveProfile() {
        }
        function request(id) {
        }
    </script>
</body>
</html>
